<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		#one{
			width: 600px;
			height: 200px;
		}
		#two{
			width: 600px;
			height: 20px;
		}
		.box1{
			background-image: url(../images/menu-bg.jpg);
			background-repeat: no-repeat;
			background-position: left;
			padding: 20px 20px 20px 20px;
		}
		.box2{
			background-image: url(../images/home.gif);
			background-repeat: repeat;
			background-position: left top;
			padding: 25px 50px 25px 50px;
		}
		.box3{
			background-image: url(../images/about.gif);
			background-repeat: repeat;
			background-position: center top;
			padding: 25px 50px 25px 50px;
		}
		.box4{
			background-image: url(../images/rss.gif);
			background-repeat: repeat;
			background-position: right top;
			padding: 25px 50px 25px 50px;
		}
		</style>
	</head>
	<body>
		<div class="box1" id=one>
			<div class="box2" id=two></div>
			<div class="box3" id=two></div>
			<div class="box4" id=two></div>
		</div>
	</body>
</html>
